<?php
/**
 * @version     kingadmin-v1.2-tx
 * @package     tpl_gpcb
 * @copyright   Copyright (C) 2014. All Rights Reserved
 * @license     Creative Commons Attribution-NoDerivatives 4.0 International License
 * @author      caballeroantonio <caballeroantonio@hotmail.com> - http://caballeroantonio.com
 */

// No direct access
defined('_JEXEC') or die;

$kbpath = 'templates/gpcb';
$this->document->page_class = 'form-val';
?>

							<div class="main-header">
								<h2>Validation</h2>
								<em>form validations</em>
							</div>

							<div class="main-content">
								<div class="row">
									<div class="col-md-6">
										<!-- BASIC VALIDATION -->
										<div class="widget">
											<div class="widget-header"><h3><i class="fa fa-check"></i> Basic Validation</h3></div>
											<div class="widget-content">
												<form id="basic-form" action="" method="post" parsley-validate novalidate>
													<div class="form-group">
														<label for="text-input">Text Input</label>
														<input type="text" id="text-input" class="form-control" required>
													</div>
													<div class="form-group">
														<label for="textarea">Text Area</label>
														<textarea class="form-control" rows="5" cols="30" required></textarea>
													</div>
													<div class="form-group">
														<label for="textarea">Checkbox</label>
														<div class="simple-checkbox">
															<input type="checkbox" id="checkbox1" name="checkbox" required>
															<label for="checkbox1">Options 1</label>
															<input type="checkbox" id="checkbox2" name="checkbox">
															<label for="checkbox2">Options 2</label>
															<input type="checkbox" id="checkbox3" name="checkbox">
															<label for="checkbox3">Options 3</label>
														</div>
													</div>
													<div class="form-group">
														<label for="textarea">Radio Button</label>
														<div class="simple-radio">
															<input id="male" type="radio" name="gender" value="male" parsley-required="true">
															<label for="male">Male</label>
															<input id="female" type="radio" name="gender" value="female">
															<label for="female">Female</label>
														</div>
													</div>
													<div class="form-group">
														<label for="multiselect1">Multiselect</label><br/>
														<select id="multiselect1" name="multiselect1[]" class="multiselect-validation" parsley-error-container="#multiselect-error" multiple="multiple" required>
															<option value="cheese">Cheese</option>
															<option value="tomatoes">Tomatoes</option>
															<option value="mozarella">Mozzarella</option>
															<option value="mushrooms">Mushrooms</option>
															<option value="pepperoni">Pepperoni</option>
															<option value="onions">Onions</option>
														</select>
														<span id="multiselect-error"></span>
													</div>
													
													<button type="submit" class="btn btn-primary">Validate</button>
												</form>
											</div>
										</div>
										<!-- END BASIC VALIDATION -->
									</div>

									<div class="col-md-6">
										<!-- ADVANCED VALIDATION -->
										<div class="widget">
											<div class="widget-header"><h3><i class="fa fa-check-circle"></i> Advanced Validation</h3></div>
											<div class="widget-content">
												<form id="advanced-form" parsley-validate novalidate>
													<div class="form-group">
														<label for="text-input1">Min. 8 Characters</label>
														<input type="text" id="text-input1" class="form-control" parsley-minlength="8">
													</div>
													<div class="form-group">
														<label for="text-input2">Between 5-10 Characters</label>
														<input type="text" id="text-input2" class="form-control" parsley-rangelength="[5,10]">
													</div>
													<div class="form-group">
														<label for="text-input3">Min. Number ( >= 5 )</label>
														<input type="text" id="text-input3" class="form-control" parsley-min="5">
													</div>
													<div class="form-group">
														<label for="text-input4">Between 20-30</label>
														<input type="text" id="text-input4" class="form-control" parsley-range="[20,30]">
													</div>
													<div class="form-group">
														<label for="textarea">Select Min. 2 Options</label>
														<div class="simple-checkbox">
															<input type="checkbox" id="checkbox21" name="checkbox2" parsley-mincheck="2">
															<label for="checkbox21">Options 1</label>
															<input type="checkbox" id="checkbox22" name="checkbox2">
															<label for="checkbox22">Options 2</label>
															<input type="checkbox" id="checkbox23" name="checkbox2">
															<label for="checkbox23">Options 3</label>
														</div>
													</div>
													<div class="form-group">
														<label for="textarea">Select Between 1-2 Options</label>
														<div class="simple-checkbox">
															<input type="checkbox" id="checkbox31" name="checkbox3" parsley-rangecheck="[1,2]">
															<label for="checkbox31">Options 1</label>
															<input type="checkbox" id="checkbox32" name="checkbox3">
															<label for="checkbox32">Options 2</label>
															<input type="checkbox" id="checkbox33" name="checkbox3">
															<label for="checkbox33">Options 3</label>
														</div>
													</div>

													<button type="submit" class="btn btn-primary">Validate</button>
												</form>
											</div>
										</div>
										<!-- END ADVANCED VALIDATION -->
									</div>
								</div>
							</div><!-- /main-content -->
						

	<!-- Javascript -->
	<script src="<?= $kbpath ?>/assets/js/bootstrap-multiselect.js"></script>
	<script src="<?= $kbpath ?>/assets/js/parsley.min.js"></script>
	<script src="<?= $kbpath ?>/assets/js/king-elements.js"></script>
